<template>
    <div class="sidebar">
        <el-menu :default-active="onRoutes" class="el-menu-vertical-demo" theme="dark" unique-opened router>


            <el-menu-item index="gamemanage">
                <i class="el-icon-star-on"></i>赛事管理
            </el-menu-item>
            <el-submenu index="5">
                <template slot="title"><i class="el-icon-star-on"></i>轮播图管理</template>
                <el-menu-item index="indexbanner">首页轮播图</el-menu-item>
                <el-menu-item index="gamebanner">赛事轮播图</el-menu-item>
                <el-menu-item index="indeximg">首页背景图</el-menu-item>
            </el-submenu>
            <el-submenu index="6">
                <template slot="title"><i class="el-icon-star-on"></i>管理员管理</template>
                <el-menu-item index="adminlist">管理员列表</el-menu-item>
            </el-submenu>
            <el-submenu index="7">
                <template slot="title"><i class="el-icon-star-on"></i>订单管理</template>
                <el-menu-item index="orderlist">用户支付</el-menu-item>
            </el-submenu>
            <el-menu-item index="settingmanage">
                <i class="el-icon-star-on"></i>字典管理
            </el-menu-item>


        </el-menu>
    </div>
</template>

<script>
/*    import ElSubmenu from "../../../node_modules/element-ui/packages/menu/src/submenu";
    import ElFormItem from "../../../node_modules/element-ui/packages/form/src/form-item";*/
    export default {
        components: {/*ElFormItem, ElSubmenu*/}, computed:{
            onRoutes(){
                return this.$route.path.replace('/','');
            }
        }
    }
</script>

<style scoped>
    .sidebar{
        display: block;
        position: absolute;
        width: 250px;
        left: 0;
        top: 70px;
        bottom:0;
        background: #2E363F;
    }
    .sidebar > ul {
        height:100%;
    }
</style>
